@media (max-width: 1200px) {
    .maincontent {
    margin: 5rem 10% 5rem 10%;
}
}

@media (max-width: 1000px) {
    .maincontent {
    margin: 5rem 10% 5rem 10%;
}

.box2content {
    margin: 5rem 0 5rem;
    display: block;
}

.maincontentbox2 h3 {
    margin: 0px 0px 20px 0px;
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
}

.maincontentbox2 p {
    margin: 0px;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: rgb(80, 80, 80);
    font-size: 18px;
}

.maincontentbox2 img{
    margin-bottom: 5rem;
    object-fit: cover;       
    object-position: center;  
    width: 100%;
    height:35vh;
    border-radius: 100%;
}

.box2contentimgcp {
    display: block;
}

.box2contentimgws {
    margin-top: 100px;
    display: block;
}

}